<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>

<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<c:import url="../common/meda.jsp"></c:import>

<!-- Site Properties -->
<title>激活VIP-${sysDesc}</title>
<link rel="stylesheet" type="text/css"
	href="//${static_server }/css/semantic.css">
<link rel="stylesheet" type="text/css"
	href="//${static_server }/css/common.css">

<script src="//${static_server }/js/jquery.min.js"></script>
<script src="//${static_server }/js/semantic.js"></script>
<script src="//${static_server }/js/common.js"></script>
<script src="//${static_server }/js/title_menu.js"></script>
<script src="//${static_server }/js/user.js"></script>
<script>
	
</script>
</head>
<body class="pushable">
	<c:import url="../common/title_menu.jsp"></c:import>
	<div class="pusher">
		<div id="infoheadsegment" class="ui vertical raised masthead segment">
			<div class="ui container">
				<div class="ui breadcrumb">
					<a class="section" href="http://${static_server }/"><i
						class="icon home"></i>首页</a>
					<div class="divider">/</div>
					<div class="active section">激活VIP</div>
				</div>
			</div>
			<!-- content container end -->
		</div>
		<div id="infobodysegment" class="ui vertical masthead segment">
			<div class="ui container">
				<div class="ui stackable grid">
					<div class="four wide column">
						<c:import url="common.jsp?item=3"></c:import>
					</div>
					<div class="twelve wide column">
						<div
							class='ui success message <c:if test="${empty msg}">hidden</c:if>'>${msg }</div>
						<form
							class='ui  <c:if test="${not empty error }">error</c:if> active code form segment'
							action="//${dynamic_server }/user/active.do" method="post">
							<p>VIP激活</p>
							<p style="color: #DB2828 !important;">
								<i class="red attention icon"></i>您可以使用购买的激活码进行操作，激活以后升级为VIP，可使用系统所有功能！
							</p>
							<div class="three fields">
								<div class="field">
									<label>激活码</label> <input placeholder="请输入激活码" name="id"
										type="text">
								</div>
								<div class="field">
									<label>验证码</label> <input placeholder="请输入验证码" name="verifyCode"
										type="text">
								</div>
								<div class="field">
									<label>&nbsp;</label> <img class="ui small left floated attached bordered rounded  image"
										src="//${dynamic_server }/sys/verifyCode.do" />
									<div class="ui icon button">
										<i class="refresh icon"></i>
									</div>
								</div>
							</div>
							<div class="ui orange submit button">激活</div>
							<div class="ui error message">${error }</div>
						</form>

					</div>
				</div>
			</div>
			<!-- content container end -->
		</div>
		<!-- schoolbodycontainer end -->
		<c:import url="../common/footer.jsp"></c:import>
	</div>
	<!-- pusher end -->
</body>
</html>